import './assets/main.css'
import { createApp } from 'vue'
import { createPinia } from 'pinia'
import i18n from './i18n';
import wow from './plugins/wow'
import App from './App.vue'
import router from './router'
// 引入初始化样式文件
import '@/styles/common.scss'
import svgIcon from '@/components/svgIcon/index.vue'
import WOW from 'wow.js'

new WOW({
  boxClass: 'wow', // 类名，在用户滚动时显示隐藏的框。
  animateClass: 'animate__animated', // 触发CSS动画的类名称
  offset: 500, // 定义浏览器视口底部与隐藏框顶部之间的距离。当用户滚动并到达此距离时，隐藏的框会显示出来。
  mobile: true, // 在移动设备上打开/关闭WOW.js。
  live: true, // 在页面上同时检查新的WOW元素。
}).init()


const app = createApp(App)
app.component('svg-icon', svgIcon)
app.use(createPinia())
app.use(router)
app.use(i18n);
// app.use(wow)
app.mount('#app')
